<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<title>gmap3util - example</title>

<link type="text/css" rel="stylesheet" href="../../parts/css/common.css" />
<link type="text/css" rel="stylesheet" href="../../parts/css/SyntaxHighlighter.css" />
<script type="text/javascript" src="../../parts/js/shCore.js"></script> 
<script type="text/javascript" src="../../parts/js/shBrushJScript.js"></script>
<script type="text/javascript">
window.onload = function () {
	dp.SyntaxHighlighter.ClipboardSwf = '../../parts/swf/clipboard.swf';
	dp.SyntaxHighlighter.HighlightAll('code');
}
</script>

<!-- start gmap3util code demo -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="../../../gmap3util.js"></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
	/* block id */
	var block  = "mapbox";
	// initialize Google Map
	gmap3util.initializeMap(block, {
		zoom      : 13,
		center    : new google.maps.LatLng(35.681143, 139.76738),
		mapTypeId : google.maps.MapTypeId.ROADMAP
	});
});
</script>
<!-- /end gmap3util code demo -->
</head>
<body>

<h1>normal map <span>gmap3util code</span></h1>

<hr />

<div id="mapbox" style="width : 100%; height : 300px;"></div>

<hr />

<b>source code</b>

<pre name="code" class="js"> 
	<!-- start gmap3util code -->
	<script type="text/javascript" src="http://maps.google.com/maps/api/js&amp;sensor=false"></script>
	<script type="text/javascript" src="gmap3util.js"></script>
	<script type="text/javascript">
	google.maps.event.addDomListener(window, 'load', function () {
		/* block id */
		var block  = "block-id";
		// initialize gmap3util
		gmap3util.initializeMap(block, {
			zoom      : 13,
			center    : new google.maps.LatLng(35.681143, 139.76738),
			mapTypeId : google.maps.MapTypeId.ROADMAP
		});
	});
	</script>
	<!-- /end gmap3util code -->
</pre>

<div id="powerd">
	<b>Powered by</b>
	<span><a href="http://code.google.com/intl/ja/apis/maps/documentation/v3/" target="_top">Google Maps JavaScript API V3</a></span>
</div>
</body>
</html>